<?php $this->document->addStyle('themes/' . C('config_template') . '/stylesheet/content-slider.css');?>
<section class="pav-slideshow">
 <div id="pavcontentslider<?php echo $module;?>" class="carousel slide pavcontentslider hidden-phone">

	<div class="carousel-inner">
		 <?php foreach ($banners as $i => $banner) {  ?>
			<div class="item <?php if($i==0) {?>active<?php } ?>">
				<?php if ($banner['link']) { ?>
				<a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a>
				<?php } else { ?>
				<img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" />
				<?php } ?>
				<?php if( $banner['title']  || $banner['description'] ) { ?>
				<div class="banner-info">
					<h1><?php echo $banner['title']; ?></h1>
					<div><?php echo $banner['description']; ?></div>
				</div>
				<?php } ?>
	
			</div>
		<?php } ?>
	</div>
	<?php if( count($banners) > 1) { ?>	
	<a class="carousel-control left" href="#pavcontentslider<?php echo $module;?>" data-slide="prev">&lsaquo;</a>
	<a class="carousel-control right" href="#pavcontentslider<?php echo $module;?>" data-slide="next">&rsaquo;</a>		
	<?php } ?>
</div>
</section>
<?php if( count($banners) > 1 ){ ?>
<script type="text/javascript">
<!--
	$('#pavcontentslider<?php echo $module;?>').carousel({interval:3000,auto:true,pause:'hover'});
-->
</script>
<?php } ?>
